/**
 * search.css 
 * 搜索框样式
 * 
 * modified by Oscar at 2017/05/11 21:21.
 * 
 */

@import "../components/_base.scss";
/*== 搜索框 ==*/
.m_sch_box { }
.m_sch_box .m_sch_type,
.m_sch_box .m_sch_btn { position: relative; z-index: 2; }

.m_sch_box .m_sch_type { float: left; }
.m_sch_box .m_sch_btn { float: right; width:100px; }
.m_sch_box .m_sch_txt { float: right; width: 100%; margin-right: -100px; margin-left: -84px; position: relative; z-index: 1; }
.m_sch_box .m_sch_txt .u_sch_txt { position: relative; *display: inline; margin-right: 100px; margin-left: 82px; *margin-left: 83px; padding: 0 12px; font-size:0;line-height:0; border: 2px solid $PrimaryColor; border-width: 2px 0; }

.m_sch_type { width: 82px; height: 45px; *height:41px; border: 2px solid $PrimaryColor; border-right: none; font-size: 14px; }
.m_sch_box .m_sch_type.open { z-index: 99; }

.u_dropdown { position: relative; z-index: 2; display: block; text-align: center; color: $FontColor1; }

.u_riboxshadow { position: relative; z-index: 1; border-right: 1px solid #faeeed; }
.u_riboxshadow:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 2px 0 4px rgba(180,42,40,.2) }

.m_sch_btn .btn { width: 100px; padding:0; height: 45px; line-height: 45px; border:0; }
.m_sch_btn .eyui-icon { font-size:16px; *margin-right: 5px; }

.u_sch_txt > .form-control::-webkit-input-placeholder { color: $AidedColor1; }
.u_sch_txt > .form-control:-moz-placeholder { color: $AidedColor1; }
.u_sch_txt > .form-control::-moz-placeholder { color: $AidedColor1; }
.u_sch_txt > .form-control:-ms-input-placeholder { color: $AidedColor1; }
.u_sch_txt > .form-control { height: 41px; line-height:41px; border: none; *margin:-1px 0; padding:0; }

.m_sch_type .u_dropdown,
.m_sch_type .u_riboxshadow { position: absolute; width: 100%; height: 100%; top: 0; }
.m_sch_type .u_dropdown { left:0; line-height: 41px;  }
.m_sch_type .u_dropdown i {margin:0; }
.m_sch_type .u_riboxshadow { right: 0; }

.m_sch_type .dropdown-menu { left:-1px; margin: 0 -1px;border-color:$GreyColor3;}
.dropdown-menu { left: 0; border-radius: 0; min-width: 82px; padding:0; margin:0; }
.dropdown-menu > li { line-height:26px; }
.dropdown-menu > li > a { text-align: center; line-height: 26px; color: $FontColor1; padding: 3px 0}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { background-color: $SecondaryColor; color:$FontColor1; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li > a:focus { background: $SecondaryColor; color: $FontColor1; }
/*== ./ 下拉菜单 ==*/

/* 首页搜索框 */
.m_sch_b1 .m_sch_type,
.m_sch_b1 .u_sch_txt > .form-control,
.m_sch_b1 .m_sch_btn .btn{ font-size: 20px; }

.m_sch_b1 .m_sch_type { width: 120px; height: 60px; line-height:56px; *height: 56px;}
.m_sch_b1 .m_sch_type .u_dropdown { line-height: 56px; }
.m_sch_b1 .m_sch_type .u_dropdown i { font-size: 18px; }
.m_sch_b1 .m_sch_type .u_dropdown span{font-size: 18px;}
.m_sch_b1 .m_sch_type .dropdown-menu { min-width: 100px; width: 120px; padding: 0 }

.m_sch_b1 .m_sch_btn{ width:130px; }
.m_sch_b1 .m_sch_btn .btn { width: 130px; height: 60px; line-height:60px; }
.m_sch_b1 .m_sch_btn .eyui-icon { font-size:20px; }
.m_sch_b1 .m_sch_txt { margin-right: -130px; margin-left: -120px;*margin-left: -122px;}
.m_sch_b1 .m_sch_txt .u_sch_txt { margin-right: 130px; margin-left: 120px; *margin-left:122px; }
.m_sch_b1 .u_sch_txt > .form-control { height: 56px; font-size: 18px;line-height:56px; }

/* 筛选结果 */
.m_searchResult,
.m_searchHis { display: none; position: absolute; overflow: hidden; background: $WhiteColor; z-index: 999; left: 0; top: 100%; border: 1px solid $GreyColor3; width: 100%; line-height: 36px; *margin: 0 ;font-size: 14px}
.m_searchHis ul, .m_searchHis p { margin: 0 }
.m_searchHis p.u_clean a { padding-right: 10px; color: #999 }
.m_searchResult li,
.m_searchHis li { padding: 0 10px; }

.m_searchResult li:hover,
.m_searchHis li:hover { background: $SecondaryColor; }

.m_searchResult li a,
.m_searchHis li a { color: $FontColor1; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px}
.m_searchHis li a { *float: left }

.m_searchResult li a:hover,
.m_searchHis li a:hover { text-decoration: none; }

.m_searchHis li .eyui-icon { color: $FontColor1; cursor: pointer; float: right; line-height: 36px; text-align: center; }
/*== ./ 搜索框 ==*/
